<div id="app">

    <div class="w-100">
        <img src="{v{ cover }v}" >
    </div>

    <div class="pt-3">
        <div class="container d-flex flex-column pt-5">
            <div class="row my-auto my-5 pt-5 pb-4">
                <div class="col-lg-8 col-md-10 col-sm-12 mx-auto">
                    <h6 class="mb-3">
                        <span class="badge badge-secondary">{v{ category_ }v}</span>
                    </h6>
                    <h1 class="mb-4 display-4 font-weight-normal">{v{ title }v}</h1>
                    <p class="lead text-secondary mb-4">{v{ description }v}</p>
                    <p class="text-secondary small">{v{ createtime_ }v}</p>
                    <div class="row my-auto my-5 pb-2">
                        <div class="col-lg-8 col-md-10 col-sm-12 mx-auto">
                            {v{ introduce }v}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



</div>
